html.hc-yscroll {
	overflow-y: scroll
}
body.hc-nav-open {
	position: fixed;
	width: 100%;
	min-height: 100%
}
.hc-mobile-nav {
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999;
	overscroll-behavior: none
}
.hc-mobile-nav.is-ios * {
	cursor: pointer !important
}
.hc-mobile-nav .nav-container {
	position: fixed;
	z-index: 9998;
	top: 0;
	width: 240px;
	max-width: 100%;
	height: 100%;
	transition: transform .4s ease
}
.hc-mobile-nav .nav-wrapper {
	width: 100%
}
.hc-mobile-nav .nav-wrapper.nav-wrapper-1 {
	position: static;
	height: 100%;
	overflow: scroll;
	overflow-x: visible;
	overflow-y: auto
}
.hc-mobile-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hc-mobile-nav .first-nav{
	margin-top: 30px;
}
.hc-mobile-nav .first-nav, .hc-mobile-nav .second-nav{
	margin-left: 36px;
}
.hc-mobile-nav li {
	position: relative;
	display: block;
}
.hc-mobile-nav li.level-open>.nav-wrapper {
	visibility: visible
}
.hc-mobile-nav input[type="checkbox"] {
	display: none
}
.hc-mobile-nav label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	cursor: pointer
}
.hc-mobile-nav a {
	position: relative;
	display: block;
	box-sizing: border-box;
	cursor: pointer
}
.hc-mobile-nav a,.hc-mobile-nav a:hover {
	text-decoration: none
}
.hc-mobile-nav.disable-body:not(.nav-open)::after {
	pointer-events: none
}
.hc-mobile-nav.disable-body::after,.hc-mobile-nav.disable-body .nav-wrapper::after {
	content: '';
	position: fixed;
	z-index: 9990;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overscroll-behavior: none;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s ease .4s, opacity .4s ease
}
.hc-mobile-nav.disable-body.nav-open::after,.hc-mobile-nav.disable-body .sub-level-open::after {
	visibility: visible;
	opacity: 1;
	transition-delay: .05s
}
.hc-mobile-nav.nav-levels-expand .nav-wrapper::after {
	display: none
}
.hc-mobile-nav.nav-levels-expand ul .nav-wrapper {
	min-width: 0;
	max-height: 0;
	overflow: hidden;
	transition: height 0s ease .4s
}
.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper {
	max-height: none
}
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper {
	position: absolute;
	z-index: 9999;
	top: 0;
	height: 100%;
	visibility: hidden;
	transition: visibility 0s ease .4s, transform .4s ease
}
.hc-mobile-nav.nav-levels-overlap ul ul {
	height: 100%;
	overflow: scroll;
	overflow-x: visible;
	overflow-y: auto
}
.hc-mobile-nav.nav-levels-overlap ul li.nav-parent {
	position: static
}
.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
	visibility: visible;
	transition: transform .4s ease
}
.hc-mobile-nav.side-left {
	left: 0
}
.hc-mobile-nav.side-left .nav-container {
	left: 0;
	transform: translate3d(-100%, 0, 0)
}
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper {
	transform: translate3d(-40px, 0, 0)
}
.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper {
	left: 0;
	transform: translate3d(-100%, 0, 0)
}
.hc-mobile-nav.side-right {
	right: 0
}
.hc-mobile-nav.side-right .nav-container {
	right: 0;
	transform: translate3d(100%, 0, 0)
}
.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper {
	transform: translate3d(40px, 0, 0)
}
.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper {
	right: 0;
	transform: translate3d(100%, 0, 0)
}
.hc-mobile-nav.nav-open .nav-container {
	transform: translate3d(0, 0, 0)
}
.hc-nav-trigger {
	position: absolute;
	cursor: pointer;
	display: none;
	top: 20px;
	z-index: 9980;
	min-height: 24px
}
.hc-nav-trigger span {
	width: 30px;
	top: 50%;
	transform: translateY(-50%);
	transform-origin: 50% 50%
}
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
	position: absolute;
	left: 0;
	height: 4px;
	background: #34495E;
	transition: all .2s ease
}
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
	content: '';
	width: 100%
}
.hc-nav-trigger span::before {
	top: -10px
}
.hc-nav-trigger span::after {
	bottom: -10px
}
.hc-nav-trigger.toggle-open span {
	background: rgba(0, 0, 0, 0);
	transform: rotate(45deg)
}
.hc-nav-trigger.toggle-open span::before {
	transform: translate3d(0, 10px, 0)
}
.hc-nav-trigger.toggle-open span::after {
	transform: rotate(-90deg) translate3d(10px, 0, 0)
}
.hc-mobile-nav::after,
.hc-mobile-nav .nav-wrapper::after {
	background: rgba(0, 0, 0, 0.3)
}
.hc-mobile-nav .nav-wrapper {
	background: #0e8c8b;
	opacity: 0.9;
}
.hc-mobile-nav.nav-open .nav-wrapper {
	box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)
}
.hc-mobile-nav h2 {
	font-size: 19px;
	font-weight: normal;
	text-align: left;
	padding: 20px 17px;
	color: #1b3958
}
.hc-mobile-nav a {
	padding: 10px 0 10px 0;
	font-size: 15px;
	color: #fff;
	z-index: 1;
	border-bottom: 1px solid #a1cecf;
}
.hc-mobile-nav li {
	text-align: left
}
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a {
	border-bottom: 1px solid #a1cecf;
}
.hc-mobile-nav li.nav-back a:hover {
	background: #2b5c8d
}
.hc-mobile-nav li.nav-parent a {
	/*padding-right: 58px;*/
	padding-right: 0;
	font-size: 16px ;
}
.hc-mobile-nav li.nav-close span,
.hc-mobile-nav li.nav-parent span.nav-next,
.hc-mobile-nav li.nav-back span {
	width: 45px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	cursor: pointer;
	transition: background .2s ease
}
/* .hc-mobile-nav a[href]:not([href="#"])>span.nav-next {
	border-left: 1px solid #2c5d8f
} */
.hc-mobile-nav span.nav-next::before,
.hc-mobile-nav li.nav-back span::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin-left: -2px;
	box-sizing: border-box;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform-origin: center
}
.hc-mobile-nav span.nav-next::before {
	transform: translate(-50%, -50%) rotate(135deg)
}
.hc-mobile-nav li.nav-back span::before {
	transform: translate(-50%, -50%) rotate(-45deg)
}
.hc-mobile-nav.side-right span.nav-next::before {
	margin-left: 0;
	margin-right: -2px;
	transform: translate(-50%, -50%) rotate(-45deg)
}
.hc-mobile-nav.side-right li.nav-back span::before {
	margin-left: 0;
	margin-right: -2px;
	transform: translate(-50%, -50%) rotate(135deg)
}
.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper {
	box-shadow: none;
	background: transparent
}
.hc-mobile-nav.nav-levels-expand .nav-container ul h2,
.hc-mobile-nav.nav-levels-none .nav-container ul h2 {
	display: none
}
.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,
.hc-mobile-nav.nav-levels-none .nav-container ul ul a {
	font-size: 14px
}
.hc-mobile-nav.nav-levels-expand .nav-container li,
.hc-mobile-nav.nav-levels-none .nav-container li {
	transition: background .3s ease
}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a {
	border-bottom: 0px;
	font-size: 16px;
}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open .nav-wrapper a {
	padding-left: 0px;
}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before {
	margin-top: 2px;
	transform: translate(-50%, -50%) rotate(45deg)
}
.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before {
	margin-top: -2px;
	transform: translate(-50%, -50%) rotate(225deg)
}
html,
body,
div,
span,
header,
ul,
li,
a {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	height: 100%
}
em {
	font-style: italic
}

ol, ul {
	list-style: none
}
.cf::before,
.cf::after {
	content: '';
	display: block;
	height: 0;
	overflow: hidden
}
.cf::after {
	clear: both
}
#container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	height: 100%;
	background: linear-gradient(-134deg, #517FA4 0%, #243949 100%)
}
.wrapper {
	margin: 0 auto;
}
.row{
	margin:0; 
}
#main-nav {
	display: none
}
#mobile_header{
	padding:0 15px; 
}
#mobile_header .logo{
	text-align: center;
    padding: 20px 0 20px 0;
    width: 100%;
}
#mobile_header .logo img{
	margin: 0 auto;
	width: 70px;
}
#mobile_header .pull-right img {
    margin-top: 14px;
    width: 24px;
}
#mobile_header #nav_btn {
    position: absolute;
    right: 0;
    top: 30px;
}
#mobile_header .search_m .search_m_btn {
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 20px;
    color: #bababa;
    width: 34px;
    border: none;
    line-height: 30px;
    background: url(../img/search_m_btm_bg.png) no-repeat center center;
    background-size: cover;
}
#mobile_header .search_m{
    margin: 0px;
    margin-bottom: 15px;
    position: relative;
}
#header .search_m input {
    border-radius: 196px;
    height: 36px;
    background-color: #efefef;
    text-indent: 24px;
    font-size: 14px;
    padding: 0px;
    color: #737373;
    border: 0px;
    letter-spacing: 2px;
    box-shadow: unset;
    padding-top: 2px;
}
header {
	position: relative;
	padding: 50px 0 20px
}
header h1 {
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 5px;
	padding-bottom: 8px
}
header h2 {
	margin: auto;
	font-size: 20px;
	font-weight: 200;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 1px;
	padding-bottom: 30px
}
header .toggle {
	position: absolute;
	cursor: pointer;
	display: none;
	top: 20px;
	z-index: 9980;
	min-height: 24px;
	position: relative;
	top: auto;
	left: auto;
	float: left;
	display: block;
	cursor: pointer;
	box-sizing: content-box;
	font-size: 20px;
	padding-left: 55px;
	line-height: 24px;
	margin-top: 55px
}
header .toggle span {
	width: 35px;
	top: 50%;
	transform: translateY(-50%);
	transform-origin: 50% 50%
}
header .toggle span,
header .toggle span::before,
header .toggle span::after {
	position: absolute;
	left: 0;
	height: 4px;
	background: #182631;
	transition: all .1s ease
}
header .toggle span::before,
header .toggle span::after {
	content: '';
	width: 100%
}
header .toggle span::before {
	top: -10px
}
header .toggle span::after {
	bottom: -10px
}
header .toggle.toggle-open span {
	background: rgba(0, 0, 0, 0);
	transform: rotate(45deg)
}
header .toggle.toggle-open span::before {
	transform: translate3d(0, 10px, 0)
}

header .toggle.toggle-open span::after {
	transform: rotate(-90deg) translate3d(10px, 0, 0)
}
header .toggle:hover span,
header .toggle:hover span::before,
header .toggle:hover span::after {
	background: #dab977
}
header .toggle div {
	display: inline-block;
	margin-right: 15px
}
footer {
	padding-bottom: 40px
}
#home_banner.swiper-container{
	height: 490px;
	width: 1920px;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -960px;
}
.banner_container{
	width: 100% !important;
	overflow: hidden;
	min-width: 1280px;
	position: relative;
}
.banner_container .swiper-pagination-bullet {
    width: 60px;
    height: 4px;
    display: inline-block;
    border-radius: 0;
    background: #fff;
	opacity: .2;
}
.banner_container .swiper-pagination-bullet-active {
    opacity: 1;
	background:#0e8c8b;
}
/* search */
.sr_result{ 
	width: 1000px;
	margin: 0 auto;
}
.sr_result_list ul li {
	border-bottom: 1px dashed #595757;
	margin-top: 20px;
}
.result_list_img{
	margin-right: 20px;
}
.sr_result_list ul li .adds {
	font-weight: normal;
	font-size: 14px;
}
.div_thumb{
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-right: 20px;
}

/* @media screen and (min-width: 800px) {

.hc-mobile-nav .nav-container {
	width: 306px
}

.hc-mobile-nav a {
	font-size: 16px;
}
.hc-mobile-nav a:hover{
	color: #fff;
}
.hc-mobile-nav .second-nav ul li a::before {
	    display: inline-block;
	    width: 8px;
	    height: 8px;
	    margin-right: 10px;
	    vertical-align: middle;
	    content: "\e074";
	    background-color: #fff;
	    color: #0e8c8b;
}
#chanyebankuai .right .col-sm-6{
	width: 50%;
}

.ztzl_wrap{
	width: 28%;
}
#business_content{
	position: relative;
}
#other_operator,#footer{
	min-width:1280px;
}
.ztzl_list_wrap.ztzl_list_wrap_m .ztzl_list_content p{
	text-indent:0;
}
#news_bg,#djzq_bg,#ztzl_bg,#about_bg{
	min-width:1280px;
}
.ztzl_list_content h4,.result_list_description h5{
	text-align: left;
}		

.ztzl_list_wrap_m.m_content h3{
	padding-bottom:15px;
}
.sr_body.sr_list{
	padding-top:260px;
} */

@media (max-width: 992px) { 
		.container { 
			width: 100% !important; 
			padding:0 15px;
			overflow: hidden;
		} 
		.wrapper {
		 width: 100%; 
		 padding:0； 
		} 
		#home_banner.swiper-container{
		height: auto;
		width: 600px;
		position: relative;
		top: 0;
		left: 50%;
		margin-left: -300px;
		}
		.banner_container{
			width: 100% !important;
			overflow: hidden;
			min-width: 100%;
		}
		#home_notice .home_notice_list_m li{
			float:none;
			width: 100%;
		}
		#home_notice{
			height: 50px;
			margin:8px 0; 
		}
		.banner_right .slyw.active a{
		    background: url(../img/m_yw_active.png) no-repeat 10px center;
		    color: #0e8c8b;
		    font-weight: 700;
		    border: 0 none;
		}
		.banner_right{
		    margin-top: 16px;
		}
		.news_fengcai{
            min-height: auto;
        }
		.home_notice_list_m ul li span{
			display: inline-block;
		}
		.home_notice_list_m ul li .tz_title{
			width: 70%;
			text-overflow:ellipsis;
			white-space:nowrap; 
			overflow: hidden;
		}
		.home_notice_list_m  .create_date{
			margin-top: 0;
			margin-left: 0;
		}
		#home_notice .home_notice_list_m ul {
    	width: 100%;
    	}
    	.width_50_precent{
			width: 100%;
			padding: 0;
    	}
    	.banner_news_bottom li{
    		margin-left: 10px;
    		text-overflow:ellipsis;
			white-space:nowrap; 
			overflow: hidden;
    	}
    	.banner_news_bottom .margin_left20{
    		margin-left: 10px;
    	}
    	.banner_news_bottom.marin_top54{
    		margin-top: 0;
    	}
    	#business_content{
    		float:none;
    	}
    	.width_25_precent{
    		width: 100%;
    	}
    	/* 四大板块 */
		#main_business{
			margin-top: 10px;
			margin-bottom: 10px;
		}
		#main_business ul {
			margin-top: 16px;
			overflow: hidden;
		}
		#main_business  li .active{
			background-color: #0fa2a1;
			color: #fff;
		}
		#main_business  li a {    
			display: block;
		    font-size: 16px;
		    color: #666666;
		    text-align: center;
		}
		#main_business  li img {
			padding-right: 20px;
		}
		#main_business  li .active .right_img{
			display: inline-block;
		}
		#main_business .right_img{
			display: none;
			position: absolute; 
			right: 0px;
			top: 36px;
		}
		#main_business .title h3 {
			margin: 0;
		    padding: 0;
		    color: #0fa2a1;
		    font-size: 20px;
		    margin-top: 14px;
		}
		#main_business .title p{
			margin: 0;
			padding: 0;
			font-size: 14px;
			font-weight: unset;
			color: #b5b5b6;
			line-height: 36px;
		}
		#main_business ul li {
		width: 49%;
		float: left;
		margin-right: 6px;
		height: 87px;
		line-height: 87px;
		background-color: #f4f3f3;
		margin-bottom: 7px;
		text-align: center;
		position: relative;
		}
		#main_business ul li:nth-child(even){
			margin-right: 0px;
		}
		#main_business .img-responsive{
			width: 98.6%;
   			margin: 0 auto;
		}
		#chanyebankuai .ztzl_wrap{
			float:none;
			padding:0;
		}
		#chanyebankuai .ztzl_wrap .ztzl{
			padding-right: 0;
		}
		/* 专题专栏 */
		#chanyebankuai{
		margin-top: 15px;
		}
		.left.ztzl .row span{
			font-size:16px;
		}
		#chanyebankuai .ztzl_wrap{
			width: 100%
		}
		#chanyebankuai .right .col-sm-6{
			width: 50%;
		}
		/*#footer{
			margin:0 -15px;
		}*/
		#footer .row{
			margin:0; 
		}
		#footer .col-sm-8{
			width: 100%;
			margin: 20px 15px; 
		}
		#footer{
			width: 100%;
			min-width:auto;
		}
		#footer .footer_copyright{
			text-align: left;
		}
		#footer .footer_copyright span{
			display: block;
		}

		/* 品牌矩阵 */
		#brand {
		margin-top: 20px;
		overflow: hidden;
		}

		#brand .title {
		height: 80px;
		text-align: center;
		background-color: #f4f3f3;
		}
		#brand .title h3{
		margin: 0;
		padding: 0;
		color: #0fa2a1;
		font-size: 20px;
		padding-top: 16px;
		line-height: 1.1;
		}

		#brand .title p{
		margin: 0;
		padding: 0;
		font-size: 18px;
		font-weight: unset;
		color: #b5b5b6;
		line-height: 36px;
		}


		#brand_list_img {
		margin-top: 30px;
		margin-bottom: 30px;
		position: relative;

		}
		.owl-carousel .owl-wrapper-outer {
		overflow: hidden;
		position: relative;
		width: 100%;
		text-align: center;

		} 
		#brand_list_img_m{
		padding-top: 30px; 
		padding-bottom: 30px; 
		position: relative; 
		padding-left: 7%; 
		margin:0 auto
		}
/* 手机端 列表页 样式*/
		.m_list.padding_bottom_165{
			margin-top: 0;
			padding-bottom:20px;
		}
		#news_bg .title, #djzq_bg .title, #ztzl_bg .title, #about_bg .title{
			margin:26px 0;
		}
		.m_list .news_wrap{
			width: 100%;
		}
		.m_list .fl_right.ztzl_list_wrap{
			float:none;
			padding:0;
			width: 100%;
		}
		.ztzl_list_content{
			padding-left:10px;
			padding-right:10px;
		}
		.ztzl_list_content h4, .result_list_description h5{
			text-overflow: ellipsis;
		    white-space: nowrap;
		    overflow: hidden;
		    text-align: left;
		}
		#news_bg,#djzq_bg,#ztzl_bg,#about_bg{
			min-width:auto;
		}
		#news_bg .news_wrap{
			padding-bottom:10px;
		}
		.ztzl_list_wrap_m .text-c{
			padding-bottom:20px;
		}
		.news_wrap_content{
			width: 100%;
		}
		.m_list .ztzl_list_wrap.m_content{
			padding:10px;
		}
		.m_list .ztzl_list_wrap.m_content .content{
			text-align: justify;
		}
		/*手机端 搜索页*/
		.sr_body.sr_list{
			padding-top:20px;
			min-height: 300px;
		}
		.sr_body .sr_result{
			padding:0 15px;
			width: 100%;
		}
		.sr_body{
			width: 100%;
			min-height: 400px;
			padding-top: 30px;
		}
		.sr_result .result_list_description{
			width: 100%;
		}
		.m_content img{
			width: 100% !important;
            height: auto !important;
		}
		.sr_a_thumb.fl_left{
			
		}
		.result_list_img{
			width: 100%;
			height: auto;
		}
		.adds.fl_right{
			float: none;
		}
		.div_thumb{
			max-height: 200px; 
			float: none;
			margin-bottom: 10px;
			width: 100%; 
			height:auto;
		}
	}